	/*
 * Base structure
 */

 /* Move down content because we have a fixed navbar that is 50px tall */
 body {
 	padding-top: 50px;
 }

 key{
 	color: red;
 }


/*
 * Global add-ons
 */

 .sub-header {
 	padding-bottom: 10px;
 	border-bottom: 1px solid #eee;
 }

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
 .navbar-fixed-top {
 	border: 0;
 }

/*
 * Sidebar
 */

 /* Hide for mobile, show later */
 .sidebar {
 	display: none;
 }
 @media (min-width: 768px) {
 	.sidebar {
 		position: fixed;
 		top: 51px;
 		bottom: 0;
 		left: 0;
 		z-index: 1000;
 		display: block;
 		padding: 20px;
 		overflow-x: hidden;
 		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
 		background-color: #f5f5f5;
 		border-right: 1px solid #eee;
 	}
 }

 /* Sidebar navigation */
 .nav-sidebar {
 	margin-right: -21px; /* 20px padding + 1px border */
 	margin-bottom: 20px;
 	margin-left: -20px;
 }
 .nav-sidebar > li > a {
 	padding-right: 20px;
 	padding-left: 20px;
 }
 .nav-sidebar > .active > a,
 .nav-sidebar > .active > a:hover,
 .nav-sidebar > .active > a:focus {
 	color: #fff;
 	background-color: #428bca;
 }


/*
 * Main content
 */

 .main {
 	padding: 20px;
 }
 @media (min-width: 768px) {
 	.main {
 		padding-right: 40px;
 		padding-left: 40px;
 	}
 }
 .main .page-header {
 	margin-top: 0;
 }


/*
 * Placeholder dashboard ideas
 */

 .placeholders {
 	margin-bottom: 30px;
 	text-align: center;
 }
 .placeholders h4 {
 	margin-bottom: 0;
 }
 .placeholder {
 	margin-bottom: 20px;
 }
 .placeholder img {
 	display: inline-block;
 	border-radius: 50%;
 }